<template>
	<div class="table-container">
			<div class="table-header">
				博越SUV 2.0L-6MT智尚版
			</div>

			<!-- <div class="table-line" v-for="(v, k) in data">
				<div class="table-cell tc1">{{k}}</div><div 
				class="table-cell tc2">{{v}}</div>
			</div>
 -->
			<table class="table2">
				<tr v-for="(v, k) in data">
					<td>{{k}}</td>
					<td>{{v}}</td>
				</tr>
			</table>
	</div>
</template>
<script>
	var config = require('@/config.js');
	function getdata(){
		// var obj = {};
		// for(var i = 0; i < 20; i++){
		// 	obj[i] = i + 100;
		// }
		// return obj;

		var obj = {
			"外形尺寸（mm）":"4519x1831x1694",
			"轴距（mm）":"2670",
			"整备质量（kg）":"1565",
			"动力/底盘系统":"",
			"发动机型号":"JLD-4G20",
			"排量（cc）":"1997",
			"最大功率（KW/rpm）":"104/6000",
			"最大扭矩（N.m/rpm）":"178/4000-4500",
			"变速箱类型":"6MT",
			"驱动方式":"前置前驱",
			"综合工况油耗(L/100km)":"7.2",
			"最高车速(km/h)":"185",
			"悬架系统":"前：麦弗逊带横向稳定杆独立悬架 后：多连杆带横向稳定杆独立悬架",
			"转向系统":"EPS电子助力转向",
			"轮胎规格":"225/60 R18",
			"排放标准":"国Ⅴ",
			"制动器（前/后）":"前：通风盘式 / 后：实心盘式",
			"外观":"",
			"车身颜色":"汉玉白、珍珠银、玛瑙棕、墨玉黑、珊瑚红、钛铂金",
			"透镜式卤素前大灯":"●",
			"透镜式卤素前大灯":"●",
			"透镜式卤素前大灯":"●",
			"透镜式卤素前大灯":"●",
			"透镜式卤素前大灯":"●",
			"透镜式卤素前大灯":"●",
		}
		return obj;
	}
	export default {
		name: 'scroll-item',
		data(){
			return {
				// data: getdata()
				data: config
			}
		},
		props: {
			bg: String,
			default: '',
		},
		computed: {
			bgClass(){
				return this.bg;
			}
		}
	}
</script>

<style lang='scss' scoped>
	p {
		margin: 0;
	}
	.table2 {
		font-size: 24px;
		color: #fff;
		opacity: .7;
		width: 100%;

		td {
			width: 50%;
			border: 1px solid #fff;
			padding: 6px 0px;
			box-sizing: border-box;
			color: #fff;
		}
	}

	.table-container {
		font-size: 24px;
		color: #fff;
		padding-top: 1px;

		 background-color: #000;
	    opacity: .7;
		.title {
			padding-top: 40px;
			color: #fff;
			font-size: 30px;
		}
		.content {
			padding-top: 40px;
			color: #fff;
			font-size: 24px;
		}

		.table-header {
			border: 1px solid #fff;
			line-height: 1.5;
			margin: auto;
			box-sizing: border-box;
		}
		.table-line {
			margin: auto;
			border-bottom: 1px solid #fff;
			border-right: 1px solid #fff;
			border-left: 1px solid #fff;
			line-height: 1.2;
			box-sizing: border-box;
			font-size: 14px;

			.tc1 {
				width: 50%;
			}
			.tc2 {
				width: 50%;
			}
			.table-cell {
				display: inline-block;
				border-right: 1px solid #fff;
				box-sizing: border-box;
				height: 100%;
			}
			.table-cell:last-child {
				border-right: none;
			}
		}
	}

</style>